.role_container {
  .title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px;

    .text {
      color: $primaryColor;
    }
  }

  .role_list {
    display: flex;
    flex-direction: column;
    row-gap: 12px;

    .role_panel {
      box-sizing: border-box;
      padding: 8px 12px 12px 12px;
      border: 1px solid #dcdfe6;

      :deep(.el-form-item__label) {
        padding: 0;

        .role_panel_label {
          display: flex;
          justify-content: space-between;
          width: 100%;

          .title {
            font-weight: bold;
          }

          .btn_group {
            display: flex;
            column-gap: 5px;
          }
        }
      }

      :deep(.el-form-item__content) {
        .role_panel_content {
          width: 100%;
          display: flex;
          flex-direction: column;
          row-gap: 12px;
        }
      }
    }
  }
}

.radio_group {
  .tips {
    color: $primaryColor;
    margin-bottom: 3px;
  }

  .form_item_container {
    display: flex;
    column-gap: 48px;
  }
}
